<template>
	<view class="mytoast">
		
	</view>
</template>

<script>
	export default {
		name:'toast',
		data() {
			return {
				isShow: false,
				isShowMsg: '', //弹窗提示
			};
		},
		methods: {
			showToast() {
				console.log('点击了 showToast')
				this.isShow = true;
				this.isShowMsg = '错误提示';

				setTimeout(() => {
					this.isShow = false;
				}, 1000);
			},
		}
	}
</script>

<style lang="scss">
.toast {
				padding: 10px 25px 10px 25px ;
				background: rgba(0, 0, 0, .5);
				border-radius: 5px;
				color: #ffffff;
				text-align: center;
				position: fixed;
				left: 50%;
				top: 40%;
				transform: translate(-50%, -50%);
				z-index: 100;
			}
</style>
